﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8" />
    <title>IIFOX CRM</title>
    <link rel="stylesheet" type="text/css" href="../bar/css/index.css">
    <link rel="stylesheet" type="text/css" href="../bar/css/scrollbar.css">
    <style>
        .iframe-preview {
            position: absolute;
            height: calc(100% - 60px);
            width: 100%;
            border: none;
            /*margin-top: 60px;*/
        }

        .alert {
            display: none;
            position: fixed;
            top: 0%;
            left: 50%;
            min-width: 200px;
            margin-left: -100px;
            z-index: 99999;
            padding: 15px;
            border: 1px solid transparent;
            border-radius: 4px;
        }

        .alert-success {
            color: #3c763d;
            background-color: #dff0d8;
            border-color: #d6e9c6;
        }

        .alert-info {
            color: #31708f;
            background-color: #d9edf7;
            border-color: #bce8f1;
        }

        .alert-warning {
            color: #8a6d3b;
            background-color: #fcf8e3;
            border-color: #faebcc;
        }

        .alert-danger {
            color: #a94442;
            background-color: #f2dede;
            border-color: #ebccd1;
        }

        .testimg {
            -webkit-filter: grayscale(1); /* Webkit */
            filter: gray; /* IE6-9 */
            filter: grayscale(1); /* W3C */
        }
    </style>
</head>
<body>
    <span id="onkeydown" style=" display:none;" value="">回车触发条件</span>
    <div class="alert"></div>
    <div class="bar-content">
        <!--<span id="netID">12222</span>-->
        <div class="l-div">
            当前状态
            <span id="idStatus">未连接</span>
            <select name="" style=" margin-left:3px;" id="AgentStatus" onchange="OnclickStatus();">
                <option value="0">--请选择--</option>
                <option value="1">示闲</option>
                <option value="2">示忙1</option>
                <option value="3">示忙2</option>
                <option value="4">示忙3</option>
                <!--<option value="5">结束话后处理</option>-->
            </select>
            <div class="xx">
                <s>来电号码：</s>
                <input type="text" placeholder="号码" id="txtsNo" value="910000" />
            </div>
        </div>
        <div class="icon">

            <input type="text" style=" width:90px; margin-left:5px;" placeholder="登录工号" id="idAgentNo" />
            <dl class="dl1">
                <dd class="cy bh" id="ActionDial">
                    <a href="#" id="ActDial" onclick="AgentDialPara();">
                        <img src="../bar/images/icon-4.png" alt="" id="ActionDialimg" />
                        <span>拨号</span>
                    </a>
                    <div class="num" style="z-index:9999">
                        <ul>
                            <li>1</li>
                            <li>2</li>
                            <li>3</li>
                            <li>4</li>
                            <li>5</li>
                            <li>6</li>
                            <li>7</li>
                            <li>8</li>
                            <li>9</li>
                            <li>*</li>
                            <li>0</li>
                            <li>#</li>
                        </ul>
                    </div>
                </dd>
                <!--<dd class="cy" id="UnHold" onclick="ActionUnHold();">
                    <a href="#">
                        <img src="../bar/images/icon-1.png" alt="" id="UnHoldimg" />
                        <span >取回</span>
                    </a>
                </dd>-->
                <dd class="cy bor" id="Hold" onclick="ActionHold();">
                    <a href="#">
                        <img src="../bar/images/icon-3.png" alt="" id="Holdimg" />
                        <span id="HoldCall">保持通话</span>
                    </a>
                </dd>
                <dd id="ConsultCall" onclick="ActionConsultCall();">
                    <a href="#">
                        <img src="../bar/images/icon-2.png" alt="" id="ConsultCallimg" />
                        <span>咨询</span>
                    </a>
                </dd>
                <dd id="Hangup" onclick="ActionHangup();">
                    <a href="#" id="Idle">
                        <img src="../bar/images/icon-5.png" alt="" id="Hangupimg" />
                        <span id="HangupCall">释放</span>
                    </a>
                </dd>
                <!--<dd id="ConsultCallComplete" onclick="ActionConsultCallComplete();">
                    <a href="#" >
                        <img src="../bar/images/icon-5.png" alt="" id="ConsultCallCompleteimg" />
                        <span>转移完成</span>
                    </a>
                </dd>-->
                <dd id="AlternatCall" onclick="ActionAlternatCall();">
                    <a href="#">
                        <img src="../bar/images/icon-5.png" alt="" id="AlternatCallimg" />
                        <span>切换通话</span>
                    </a>
                </dd>
                <dd id="Conf" onclick="ActionConf();">
                    <a href="#">
                        <img src="../bar/images/icon-7.png" alt="" id="Confimg" />
                        <span>三方通话</span>
                    </a>
                </dd>
                <dd id="BlindTransfer" onclick="ActionBlindTransfer();">
                    <a href="#">
                        <img src="../bar/images/icon-8.png" alt="" id="BlindTransferimg" />
                        <span>盲转</span>
                    </a>
                </dd>
                <dd id="Satisfaction" onclick="ActionSatisfaction();">
                    <a href="#">
                        <img src="../bar/images/icon-9.png" alt="" id="Satisfactionimg" />
                        <span>转满意度</span>
                    </a>
                </dd>
                <dd class="Logoff" onclick="Logoffclick();">
                    <a href="#">
                        <img src="../bar/images/icon-10.png" alt="" id="Logoffimg" />
                        <span>注销</span>
                    </a>
                </dd>
            </dl>
            <dl class="dl2">
                <dd class="dl">
                    <a href="#">
                        <img src="../bar/images/login.png" alt="" />
                        <span>登录</span>
                    </a>
                </dd>
            </dl>
        </div>
    </div>
    <script src="../bar/js/eneter-messaging-7.0.0.js"></script>
    <script src="../bar/js/jquery-1.10.2.min.js"></script>

    <script src="../bar/js/client.js"></script>
    <script>

        $(function () {
            document.getElementById("Satisfaction").style.display = "none";//隐藏转满意度
            OutCall(); //拨号盘点击事件
        });


        window.onbeforeunload = function () {
            return "";
        }
        //网页内按下回车触发
        document.onkeydown = function () {
            if (event.keyCode == 13) {
                if ($("#onkeydown").val() == "0") { //判断触发空格按钮事件是否为空
                    AgentDialPara(); //调用拨号事件
                }

            }

        }

    </script>
    <iframe class="iframe-preview" width="100%;"
            src="http://localhost:50852/iifox/answer"></iframe>
</body>
</html>